<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .one {
            background-color: whitesmoke;
            position: fixed;
            width: 100%;
            height: 65px;
            top: 0;
        }

        .x {
            background-color: aquamarine;
            margin: 10px;
        }

        .two {
            background-color: black;
            margin-top: 70px;
            width: 100%;
            height: 320px;
        }

        .three {
            background-color: black;
            margin-left: 150px;
            margin-top: 80px;
            width: 80%;
            height: 50%;
        }

        .four {
            background-color: wheat;
            margin-top: 80px;
            width: 100%;
            height: 380px;
        }

        .five {
            background-color: aliceblue;
            margin-top: 100px;
            width: 100%;
            height: 380px;
        }

        .six {
            background-color: aliceblue;
            width: 100%;
            height: 380px;
            margin-top: 10px;
        }

        .seven {
            background-color: aliceblue;
            width: 100%;
            height: 380px;
            margin-top: 10px;

        }

        .ten {
            background-color: black;
            color: white;
        }
    </style>
</head>

<body>
    <div class="one">
        <img src="./image/imge/manga-logo.99e0a7fae4.png@.webp" style="margin-left: 150px;width: 38px; height:38px;">
            哔哩哔哩漫画
            <img src="./image/imge/ico.ico" style="margin: 10px;"> 主站
                <span style="color: aqua;" style="margin: 20px;">首页</span>
                <span style="margin: 10px;">分类</span>
                <span style="margin: 10px;">更新</span>
                <span style="margin: 10px;">排行榜</span>
                <input type="search" placeholder="失温沦陷" style="  margin-left: 150px; width: 100px; height: 40px;">
                <span style="margin: 10px;">下载APP</span>
                <span style="margin: 10px;">历史</span>
                <span style="margin: 10px;">追漫</span>
                <img src="../day2/imge/yxtp.webp" style="height: 38px;width: 38px;">
                    <span class="x">投稿</span>
    </div>
    <div class="two">
        <img src="./image/imge/243d00d1770cb4960633c92b419344a5c15230b4.jpg@282w.avif"
            style="width: 182px; height: 276px;">
            <img src="./image/imge/997979d7fbc9bc2d4b3da68095e981f34755f8d0.jpg@282w (1).avif"
                style="width: 182px; height: 276px;">
                <img src="./image/imge/accd35013c082cb622fb8749c86aec3bd4fb9253.jpg@282w.avif"
                    style="width: 182px; height: 276px;">
                    <img src="./image/imge/86c5eafcfabd3dd6af7f8030ee16e90c83f32100.jpg@282w.avif"
                        style="width: 182px; height: 276px;">
                        <img src="./image/imge/40854976c092ea93dd0f1ad01d2bda33f4d8bd20.png@282w.avif"
                            style="width: 182px; height: 276px;">
                            <img src="./image/imge/40854976c092ea93dd0f1ad01d2bda33f4d8bd20.png@282w.avif"
                                style="width: 182px; height: 276px;">
                                <img src="./image/imge/997979d7fbc9bc2d4b3da68095e981f34755f8d0.jpg@282w (1).avif"
                                    style="width: 182px; height: 276px;">
                                    <img src="./image/imge/b94f14f023ee971f4fc4abedbdc4eb4337d99ad5.png@484w.avif"
                                        style="width: 182px; height: 276px;">
                                        <span style="color: aliceblue; margin-left: 150px;">热血</span>
                                        <span style="color: aliceblue; margin-left: 40px;">古风</span>
                                        <span style="color: aliceblue; margin-left: 40px;">玄幻</span>
                                        <span style="color: aliceblue; margin-left: 40px;">奇幻</span>
                                        <span style="color: aliceblue; margin-left: 40px;">悬疑</span>
                                        <span style="color: aliceblue; margin-left: 40px;">都市</span>
                                        <span style="color: aliceblue; margin-left: 40px;">历史</span>
                                        <span style="color: aliceblue; margin-left: 40px;">武侠仙侠</span>
                                        <span style="color: aliceblue; margin-left: 40px;">游戏竞技</span>
                                        <span style="color: aliceblue; margin-left: 40px;">悬疑灵异</span>
                                        <span style="color: aliceblue; margin-left: 40px;">架空</span>
                                        <span style="color: aliceblue; margin-left: 40px;">青春</span>
                                        <span style="color: aliceblue; margin-left: 40px;">西幻</span>
                                        <span style="color: aliceblue; margin-left: 40px;">现代</span>
                                        <span style="color: aliceblue; margin-left: 40px;">全部</span>
                                        <h1>为你推荐</h1>
    </div>
    <div class="three">
        <h2 style="margin-left: 50px;">为你推荐</h2>
        <h3 style="color: beige;">夏日重现</h3>
        <input type="search" placeholder="智商在线" style="   width: 100px; height: 40px;">
        <input type="search" placeholder="沉稳" style="  margin-left: 50px; width: 100px; height: 40px;">
        <hr>
        <h3 style="color: antiquewhite;">青梅竹马的潮死了——。听闻这个悲报，慎平回到了阔别已久的故乡和歌山市·日都岛与家人再会并出席葬礼。但是岛上貌似陡生异变，充</h3>
        <img src="./image/imge/94dcf91d49253ab62b601a72772a00fddb5d0c32.jpg@1124w.avif" width="282px;" height="176px;"
            alt="">

    </div>
    <h1>畅销热门</h1>
    <div class="four">
        <img src="./image/imge/3115c319db10b86e6b8a22bad6276d850bdbe337.png@310w.avif" style="margin-left: 150px;"
            width="240px;" height="320px;">
            <img src="./image/imge/50eb78ba107c8287f48776f494434284e88f108f.png@310w.avif" width="270px;"
                height="320px;">
                <img src="./image/imge/c62668e300b5212fe5504f6fa9b4b5c630f8ebeb.jpg@310w.avif" width="270px;"
                    height="320px;">
                    <img src="./image/imge/4093ac79d2004a17562105288736afcc1288d5b6.jpg@310w.avif" width="270px;"
                        height="320px">
                        <img src="./image/imge/e79378436e02fd7f227b901efb9fe79c2df9499c.jpg@310w.avif" width="280px;"
                            height="320px">
                            <span style="margin: 120px">满级穿越的我为什么是牧师小姐啊</span>
                            <span style="margin-left: 10px;">想要成为影之实力者！</span>
                            <span style="margin: 50px;">间谍过家家</span>
                            <span style="margin: 120px">机动奥特曼</span>
                            <span style="margin: 120px">兰溪镇</span>
    </div>
    <h1>全网热议</h1>
    <div class="five">
        <img src="./image/imge/9c4d82c9f26b045d60f93eae5fe521d6b3bf669b.png@310w.avif" style="margin-left: 150px;"
            width="270px;" height="320px;">
            <img src="./image/imge/c315bffe8f9d6f524c6d9cec4b8d769817021b9f.png@310w.avif" width="260px;"
                height="320px;">
                <img src="./image/imge/b794cacfa92bb7115f9efc8956156f56739f15fd.png@310w.avif" width="270px;"
                    height="320px;">
                    <img src="./image/imge/af6a5513a59c5fa8e3180dea8d7217685d452fe3.png@310w.avif" width="270px;"
                        height="320px;">
                        <img src="./image/imge/c077371d238f5c89d69ac3f96a7483cc287c287f.png@310w.avif" width="270px;"
                            height="320px;">
                            <span style="margin: 150px">境·界（死神）</span>
                            <span>蓝色监狱-凪 外传-</span>
                            <span style="margin: 120px;">全知读者视角</span>
                            <span style="margin: 120px;">我心里危险的东西</span>
                            <span style="margin: 60px;">我独自升级</span>
    </div>
    <h1>完结佳作</h1>
    <div class="six">
        <img src="./image/imge/28a213863f19a928e1cf89c09a07c6a43b12167c.jpg@310w.avif" style="margin-left: 150px;"
            width="270px;" height="320px;">
            <img src="./image/imge/d934dc1300f6565f6dfe6cf890dcb84669d2f306.jpg@310w.avif" width="270px;"
                height="320px;">
                <img src="./image/imge/fc6239acf17dfd012086d21db84ff4410169b348.jpg@310w.avif" width="270px;"
                    height="320px;">
                    <img src="./image/imge/21fd676c6678f89203100d5401d24a204960696c.jpg@310w.avif" width="270px;"
                        height="320px;">
                        <img src="./image/imge/a58533fa8646467b0c8ff879f040d9796161a413.jpg@310w.avif" width="260px;"
                            height="320px;">
                            <span style="margin-left: 150px;">修真界的萌妹子都想抓我</span>
                            <span style="margin: 100px;">非常女会长</span>
                            <span style="margin: 120px;">夏目新的结婚</span>
                            <span style="margin: 100px;">乔乔的奇妙冒险</span>
                            <span style="margin: 70px;">夏日重现</span>
    </div>
    <h1>高能排行|</h1>
    <div class="seven">
        <img src="./image/imge/40854976c092ea93dd0f1ad01d2bda33f4d8bd20.png@282w.avif" style="margin-left: 150px;"
            width="270px;" height="320px;">
        <img src="./image/imge/50eb78ba107c8287f48776f494434284e88f108f.png@310w.avif" width="270px;" height="320px;">
        <img src="./image/imge/3115c319db10b86e6b8a22bad6276d850bdbe337.png@310w.avif" width="270px;" height="320px;">
        <img src="./image/imge/243d00d1770cb4960633c92b419344a5c15230b4.jpg@282w.avif" width="270px;" height="320px;">
        <img src="./image/imge/997979d7fbc9bc2d4b3da68095e981f34755f8d0.jpg@282w (1).avif" width="260px;"
            height="320px;">
        <span style="margin-left: 150px;">入间同学入魔了</span>
        <span style="margin: 150px;">胆大党</span>
        <span style="margin: 100px;">名侦探柯南</span>
        <span style="margin: 100px;">蓝色监狱-凪</span>
        <span style="margin: 100px;">航海王</span>
        <div class="ten">
            <img src="./image/imge/OIP-C (1).jpg" width="200px;" height="80px;" alt="">
            <tr>
                <td>关于我们</td>
                <td style="padding-left:50px;">友情链接</td>
                <td style="padding-left: 50px;">哔哩哔哩周边</td>
                <td style="padding-left: 50px;" rowspan="2">|</td>
                <td style="padding-left: 50px;">帮助中心</td>
                <td style="padding-left: 50px;">工具使用教程</td>
            </tr>
            <tr>
                <td>联系我们</td>
                <td style="padding-left: 50px;">加入我们</td>
                <td style="padding-left: 50px;">bilibili直播服务协议</td>
                <td style="padding-left: 50px;">如何成为主播</td>
                <td style="padding-left: 50px;">公会中心</td>
            </tr>
            </table>
            <table style="margin-left: 150px; font-size: 14px;">
                <tr>
                    <td rowspan="2">
                        <img src="./image/屏幕截图 2025-03-25 153457.png" width="100px">
                    </td>
                    <td style="padding-left: 50px;">广播电视节目制作经营许可证:(沪)字第1284号</td>
                    <td style="padding-left: 50px;">互联网icp备案:沪icp备13002172号-3</td>
                </tr>
                <tr>
                    <td style="padding-left: 50px;">网络文化经营许可证:沪网文【2013】0480-056号</td>
                    <td style="padding-left: 50px;">沪icp证:沪B2-20100043</td>
                </tr>
            </table>
            <table style="margin-left: 150px; font-size: 14px;">
                <tr>
                    <td rowspan="2">
                    </td>
                    <td style="padding-left: 50px;">信息网络传播视听节目许可证:0910417</td>
                    <td style="padding-left: 130px;">12318 全国文化市场举报网站</td>
                </tr>
                <tr>
                    <td style="padding-left: 50px;"></td>
                    <td style="padding-left: 130px;">上海市互联网违法和不良信息举报中心</td>
                </tr>
        </div>
    </div>
    </div>
</body>

</html>